page {
    width: 100%;
    height: 100%;
  }
  .header-title{
    word-break: break-all;
  }
  .contain {
    padding: 0 10px 5px 10px;
    // 头部区域
    .header {
      display: flex;
      align-items: center;
  
      .iconfont.iconyonghu1 {
        padding-left: 18px;
        margin-right: 8px;
        margin-left: 4px;
      }
  
      .header-title {
        
      }
    }
    // 轮播图部分
    .img {
      margin-top: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
  
      swiper {
        box-shadow: 5px 5px 5px #C6C6C6;
        width: 90%;
        block {
          swiper-item {
          
            .slide-image {
            
    
            }
          }
        }
      }
    }
    // 中间标题部分
    .center-title {
      margin-top: 10px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      .box {
        display: flex;
        .box-icon {
          margin-right: 5px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          color: #D4E3FF;
        }
    
        .title {
          font-size: 18px;
          font-weight: 400;
          color: #505050;
          display: flex;
          justify-content: center;
          align-items: center;
    
        }
      }
    }
    // 小标题部分
    .sms-title {
      display: flex;
      margin-left: 10px;
      margin-top: 10px;
      justify-content: space-between;
      .sm{
        display: flex;
        .iconfont {
          font-size: 30px;
          color:#1ABF01 ;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .box {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          color: #505050;
        }
      }
    }

    .sm-title {
      display: flex;
      margin-left: 10px;
      margin-top: 10px;

   

        .iconfont {
          font-size: 30px;
          color:#1ABF01 ;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .box {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          color: #505050;
        
      }
    }
  
    // 主题区域
    .card {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 8px;
      box-shadow: 5px 5px 5px #D0D0D0;
      border-radius: 10px;
      box-shadow:#E9E9E9 0px 0px 10px;
      .card-one {
        margin-bottom: 6px;
        width: 100%;
        display: flex;
        border-bottom: 1px solid #EDEDED;
        .iconfont.iconchuanfan {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #D4E3FF;

        }
    
        .right {
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-three {
        width: 50%;
        display: flex;
        border-right: 1px solid #F0F0F0;
        border-bottom: 1px solid #EDEDED;
        .iconfont.iconyonghu {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #808DE4;
    
        }
    
        .right {
      
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-two {
        width: 50%;
        display: flex;
        border-bottom: 1px solid #EDEDED;
        padding-left: 4px;
        .iconfont.icondidian {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #71C0E9;
    
        }
    
        .right {
          padding-top: 8px;
      
          .header {
            margin-bottom: 4px;
    
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
    
          }
        }
      }
    
      .card-threes {
        width: 50%;
        display: flex;
        border-right: 1px solid #F0F0F0;
        border-bottom: 1px solid #EDEDED;
        .iconfont.iconcredentials_icon1 {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 1px;
          color: #AC8FE8;
        }
    
        .right {
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-four {
        width: 50%;
        display: flex;
        border-bottom: 1px solid #F0F0F0;
        padding-left: 4px;
        .iconfont.iconyouyonggongshuai {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #EFD790;
    
        }
    
        .right {
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-five {
        width: 50%;
        display: flex;
        border-right: 1px solid #F0F0F0;
        border-bottom: 1px solid #EDEDED;
        .iconfont.iconchangduceju {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #F3A5C5;
    
        }
    
        .right {
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-sex {
        width: 50%;
        display: flex;
        border-bottom: 1px solid #EDEDED;
        padding-left: 4px;
        .iconfont.iconchangduceliang {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #EFE1A8;
    
        }
    
        .right {
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-seven {
        width: 50%;
        display: flex;
        border-right: 1px solid #F0F0F0;
        border-bottom: 1px solid #EDEDED;
        .iconfont.iconzuoye {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #C58EF0;
    
        }
    
        .right {
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    
      .card-eight {
        width: 50%;
        display: flex;
        border-bottom: 1px solid #EDEDED;
       
        padding-left: 4px;
        .iconfont.iconcaizhi {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #B2E670;
    
        }
    
        .right {
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
      .card-nine {
        width: 50%;
        display: flex;
        //border-right: 1px solid #F0F0F0;
        //border-bottom: 1px solid #EDEDED;
        .iconfont.icon-chuanchang {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #808DE4;
          padding-top: 3px;
        }
    
        .right {
      
          padding-top: 8px;
          .header {
            margin-bottom: 4px;
    
          }
    
          .header-title {
            margin-bottom: 4px;
    
          }
        }
      }
    }

  
      
      
  
    .cards{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 8px;
      box-shadow:#E9E9E9 0px 0px 10px;
      border-radius: 10px;
      border: 1px solid #EDEDED;
        .card-one {
          width: 50%;
          display: flex;
          border-right: 1px solid #F0F0F0;
          border-bottom: 1px solid #EDEDED;
            .iconfont.iconlianxifangshi {
              display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px;
          margin-right: 10px;
          color: #F093B9;
            
            }
        
            .right {
              padding-top: 8px;
              .header {
                margin-bottom: 4px;
              }
        
              .header-title {
                margin-bottom: 4px;
        
              }
            }
          }
        .card-two {
          width: 50%;
          display: flex;
          border-bottom: 1px solid #EDEDED;
          padding-left: 4px;
            .iconfont.iconlianxifangshi {
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 22px;
              margin-right: 10px;
              color: #F093B9;
          
            }
          
            .right {
              padding-top: 8px;
              .header {
                margin-bottom: 4px;
          
              }
          
              .header-title {
                margin-bottom: 4px;
          
              }
            }
          }
        .card-three {
          width: 50%;
          display: flex;
          border-right: 1px solid #F0F0F0;
      
            .iconfont.iconjilu {
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 22px;
              margin-right: 10px;
              color: #B5E378;
            }
        
            .right {
              padding-top: 8px;
              .header {
                margin-bottom: 4px;
              }
        
              .header-title {
                margin-bottom: 4px;
              }
            }
          }
        .card-four {
          width: 50%;
          display: flex;
        
          padding-left: 4px;
            .iconfont.iconyonghu1-copy {
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 22px;
              margin-right: 10px;
              color: #8592E5;
          
            }
          
            .right {
              padding-top: 8px;
              .header {
                margin-bottom: 4px;
          
              }
          
              .header-title {
                margin-bottom: 4px;
          
              }
            }
          }
        

    }
    
    // 用于船员照片
    .imgs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        .box-one {
            width: 45%;
            margin-top: 10px;
          image {
              height: 100px;
              border-radius: 10px;

      
          }
        }
      }
  
  }